<template>
  <div class="main" v-cloak>
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive" />
    </keep-alive>
    <tab @tabTo="onTabTo"/>
  </div>
</template>
<script>
import tab from '@/views/tabBar.vue'
export default {
  name: 'main',
  components: {
    tab
  },
  methods: {
    onTabTo(_result){
      let _key = _result.data.key || '';
      this.$router && this.$router.push('/' + _key)
    }
  }
}
</script>
<style scoped>
.main{
  width: 750px;
}
[v-cloak] {
  display: none;
}
</style>


